<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
   <title>JesLee</title>
   <!-- javascripts -->
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
   <script type="text/javascript" src="js/jpan/jpan-spriteAnimation.js"></script>
   <script type="text/javascript" src="js/jeslee.js"></script>

   <script type="text/javascript">
      jQuery(document).ready(function() {
         jeslee.init();
      });
   </script>

   <!-- style sheets -->
   <link href="css/main-test.css" media="screen, projection" rel="stylesheet" type="text/css">
   <!--<link href="css/main-debug.css" media="screen, projection" rel="stylesheet" type="text/css"> -->
   <link href="css/main.css" media="screen, projection" rel="stylesheet" type="text/css">
</head>
<body>

<div id="container">
   <div id="header">
      <div id="header-left">
         <p>Header</p>
      </div>
      <div id="top-menu">
         <ul>
            <li><a href="/" title="home">Home</a></li>
            <li class="seperator">|</li>
            <li><a href="#" title="contact">Contact</a></li>
         </ul>
      </div>
   </div>
   <div id="content-holder">
      <div id="menu">
         <div id="before-menu"> </div>
         <ul>
            <li><a href="#" title="over ons">
               <img src="gfx/menu-over-ons.jpg" alt="over ons"/>
            </a></li>
            <li><a href="#" title="collection">
               <img src="gfx/menu-collectie.jpg" alt="collectie"/>
            </a></li>
            <li><a href="#" title="nieuws">
               <img src="gfx/menu-nieuws.jpg" alt="nieuws"/>
            </a></li>
            <li><a href="#" title="evenementen">
               <img src="gfx/menu-evenementen.jpg" alt="evenementen"/>
            </a></li>
            <!--<li><a href="#" title="over ons">over ons</a></li>-->
            <!--<li><a href="#" title="collection">collectie</a></li>-->
            <!--<li><a href="#" title="nieuws">nieuws</a></li>-->
            <!--<li><a href="#" title="evenementen">evenementen</a></li>-->
         </ul>

      </div>
      <div id="model-slider">
         <ul>
            <li class="model-01 jpan-poof"><a href="#" title="model 01">
               <img src="gfx/transparent-1x1.png" alt="model 01"/>
            </a></li>
            <li class="model-02 jpan-poof"><a href="#" title="model 02">
               <img src="gfx/transparent-1x1.png" alt="model 02"/>
            </a></li>
            <li class="model-03 jpan-poof"><a href="#" title="model 03">
               <img src="gfx/transparent-1x1.png" alt="model 03"/>
            </a></li>
            <li class="model-04 jpan-poof"><a href="#" title="model 04">
               <img src="gfx/transparent-1x1.png" alt="model 04"/>
            </a></li>
         </ul>
      </div>
      <div id="content">
         <p>Content</p>
      </div>
   </div>
   <div id="footer">
      <p>Footer</p>
   </div>
</div>

</body>
</html>
